<!DOCTYPE html>
<html>
  <head>
    <title>address.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="jquery/jquery-1.7.2.js"></script>
   <script type="text/javascript">
   $(document).ready(function(){
   $("#l_1").click(function(){
   
   $("#add_l_2").css({"display":"block"});
   $("#add_l_2").nextAll().css("display", "none");
   });
    $("#l_2").click(function(){
   
   $("#add_l_4").css({"display":"block"});
   $("#add_l_3").css("display", "none");
   });
    $("#l_3").click(function(){
   
   $("#add_l_3").css({"display":"block"});
   $("#add_l_4").css("display", "none");
   });
   
   });
   
   </script>
  <style type="text/css">
  #address{
  position:relative;
  width:1100px;
  height:200px;
  margin:0 auto;
  overflow: hidden;
  }
  #address1{
  position:relative;
  width:1100px;
  
  margin:0 auto;
  overflow: hidden;
  border:2px solid #c6c6c6;
  }
  #add_1,#add_2,#add_3,#add_4{
  padding:10px;
  }
  
  </style>
  
  </head>
  
  <body>
    <div id="address">
    <img src="image/add.jpg">
    </div>
    <div id="address1">
    <div id="add_l_1" >
    <span style="font-size: 20px"><a href="#" id="l_1">梅州</a></span>
    <hr style="border-style: groove;">
    </div>
    <div id="add_l_2" style="display:none">
    <span style="font-size: 20px;"><a href="#" style="padding-right:20px" id="l_2">江南</a><a href="#" id="l_3">江北</a></span>
    <hr style="border-style: groove;">
    <div id="add_l_3" style="display:none">
    <span style="font-size: 20px"><a href="index.jsp?i=嘉应学院（本部）" style="padding-right:20px" id="l_4">嘉应学院（本部）</a><a href="index.jsp?i=医学院" style="padding-right:20px" id="l_5">医学院</a><a href="index.jsp?i=梅州师范学院" style="padding-right:20px" id="l_6">梅州师范学院</a></span>
    
    </div>
    <div id="add_l_4" style="display:none">
    <span style="font-size: 20px"><a href="index.jsp?i=嘉应学院（江南分校）" id="l_7">嘉应学院（江南分校）</a></span>
    
    </div>
    </div>
    
    </div>
  </body>
</html>
